<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Title</title>
    <style type="text/css">



    </style>
    <script src="/static/js/jquery-1.8.3.min(1).js" type="text/javascript"></script>
    <script type="text/javascript">


        $(function(){
            $("#upload").click(function(){

                var formData=new FormData();
                formData.append("idPic",document.getElementById("file1").files[0]);
                $.ajax({
                    url:"/testFileUpload",
                    type:"POST",
                    dataType:"JSON",
                    data:formData,
                    // 设置同步请求，应为必须等待图片上传完成才能显示图片
                    async: false,//multipart/form-data    所有类型的文件都可以上传
                    // contentType 文件上传的数据为 multipart/form-data，设置为 false 是为了避免 JQuery 对其操作，保证能正确解析
                    contentType: false,
                    //默认情况下，processData 的值是 true，其代表以对象的形式上传的数据都会被转换为字符串的形式上传。而当上传文件的时候，则不需要把其转换为字符串，因此要改成false
                    processData: false,
                    success:function(data){
                        if(data.status=="true"){
                            $("#showimg").html("<img height='100' src='/static/images/uploadfile/"+data.filename+"'/>");
                            /*  $("#showing").html("<img height='100' src='/static/images/uploadfile/"+data.filename+"'/>");*/
                        }else{
                            alert(data.msg);
                        }
                    }
                })
            })
        })
    </script>
    <link rel="stylesheet" href="/static/css/font.css">
    <link rel="stylesheet" href="/static/css/xadmin.css">
</head>


<body style="background-color:lemonchiffon" >
选择文件:<input type="file" id="file1" />
<button type="button" class="layui-btn"id="upload">
    <i class="layui-icon">&#xe67c;</i>上传图片
</button>
<div id="showimg"></div>
<hr>

<%--第一个文件:<form method="post" action="/testUpload_more" enctype="multipart/form-data"/>
<input type="file" name="idPic"/>${errormsg}
第二个文件:
<input type="file" name="idPic2"/>${errormsg}
<input type="submit" value="上传"/>--%>
<hr>
<%--
<a href="/download.do?filename=1577945079275_Personal.jpg">下载图片</a>
--%>

</html>

</body>



</html>
